---
import BaseLayout from '../../layouts/BaseLayout.astro';
---

<BaseLayout title="Epicenter">
	<main class="min-h-screen bg-white">
		<div class="max-w-2xl mx-auto px-6 py-24">
			<header class="mb-16">
				<div class="mb-8"></div>
				<h1 class="text-5xl font-semibold text-gray-900 mb-6">
					Your personal database that thinks in files, not features
				</h1>
				<p class="text-xl text-gray-600 mb-8">
					Epicenter is a local-first vault where your emails, tasks, and notes
					live as plain files on your disk. Powered by CRDTs, it never loses
					data and never needs the internet.
				</p>
				<p class="text-lg text-gray-500 mb-8">
					Delete the app, keep your data. Every service is just a folder. Every
					item is just a file. Your assistants can read your entire context
					without APIs or integrations.
				</p>
				<div class="flex items-center gap-4">
					<a
						href="https://github.com/epicenter-md/epicenter/epicenter"
						class="inline-flex items-center px-6 py-3 text-base font-medium text-white bg-gray-900 hover:bg-gray-800 rounded-lg transition-colors"
					>
						See the code →
					</a>
					<p class="text-gray-600 font-medium">
						Own your digital life, literally.
					</p>
				</div>
			</header>

			<section class="mb-16">
				<div class="grid gap-8 md:grid-cols-3">
					<div>
						<h3 class="text-lg font-semibold text-gray-900 mb-2">
							Zero sync conflicts, ever
						</h3>
						<p class="text-gray-600">
							CRDTs mean your data merges perfectly across devices. Work offline
							for weeks, sync when you want, never resolve a conflict again.
						</p>
					</div>
					<div>
						<h3 class="text-lg font-semibold text-gray-900 mb-2">
							Your vault, your rules
						</h3>
						<p class="text-gray-600">
							Everything lives in folders you can see, move, and backup. No
							vendor lock-in because there's no vendor format—just files on
							disk.
						</p>
					</div>
					<div>
						<h3 class="text-lg font-semibold text-gray-900 mb-2">
							Context-aware assistants
						</h3>
						<p class="text-gray-600">
							LLMs can mount your vault and understand your entire digital
							history. Real context, not another chat interface.
						</p>
					</div>
				</div>
			</section>

			<section class="mb-16">
				<h2 class="text-2xl font-semibold text-gray-900 mb-6">Projects</h2>
				<div class="space-y-8">
					<article class="group">
						<h3 class="text-lg font-medium text-gray-900 mb-2">
							<a
								href="https://github.com/epicenter-md/epicenter/epicenter"
								class="hover:text-gray-600 transition-colors"
							>
								Epicenter →
							</a>
						</h3>
						<p class="text-gray-600">
							Local-first personal database built on CRDTs. Your digital life in
							plain files, always in sync, never locked in.
						</p>
					</article>
					<article class="group">
						<h3 class="text-lg font-medium text-gray-900 mb-2">
							<a
								href="https://github.com/braden-w/whispering"
								class="hover:text-gray-600 transition-colors"
							>
								Whispering →
							</a>
						</h3>
						<p class="text-gray-600">
							Transcription at actual cost. Bring your own API key, pay what
							providers charge.
						</p>
					</article>
				</div>
			</section>

			<section>
				<h2 class="text-2xl font-semibold text-gray-900 mb-6">Blog</h2>
				<div class="space-y-6">
					<article>
						<h3 class="text-lg font-medium text-gray-900">
							<a href="/blog" class="hover:text-gray-600 transition-colors">
								Read the blog →
							</a>
						</h3>
					</article>
				</div>
			</section>
		</div>
	</main>
</BaseLayout>
